<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta charset="UTF-8">
    <title>团购商城_列表</title>
    <link rel="stylesheet" href="../lib/sm.min.css">
    <link rel="stylesheet" href="../lib/sm-extend.min.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/comment.css">
    <link rel="stylesheet" href="../css/group_list.css">
    <link rel="stylesheet" href="../css/goods_list.css">


    <script src="../lib/zepto.min.js"></script>
    <script src="../lib/sm.js"></script>
    <script src="../lib/sm-extend.min.js"></script>
    <script src="../lib/angular.js"></script>
    <script src="../lib/demos.js"></script>
    <script src="../lib/jquery-min.js"></script>
    <script src="../lib/swiper.min.js"></script>
</head>
<body>

<header class="bar bar-nav">
    <a href="index.html" class="icon icon-left pull-left"></a>
    <a class="icon icon-refresh pull-right"></a>

    <h1 class="title">团购商城</h1>
</header>

<div id="page-ptr" class="page">
    <nav class="topnav">
        <ul class="topul">


            <li style="list-style: none;">
                <a>全部</a>

            </li>

            <li style="list-style: none;">
                <a>已成团</a>

            </li>

            <li style="list-style: none;">
                <a>参团中</a>
            </li>
            <li style="list-style: none;">
                <a>我的团</a>
            </li>


        </ul>
    </nav>

    <div class="  content pull-to-refresh-content">
        <div class="pull-to-refresh-layer">
            <div class="preloader"></div>
            <div class="pull-to-refresh-arrow"></div>
        </div>


        <div class=" group_list list-block media-list">
            <ul >
                <li>
                    <a href="#" class="item-link item-content">
                        <div class="item-media"><img
                                src="../img/timg.jpg"
                                style='width: 4rem;'></div>
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">标题</div>
                                <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                            </div>

                            <div class="item-text">此处是文本内容...</div>
                            <div class="biaoji">
                               <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                                <span class="fa fa-user-times">  9/8</span>&nbsp
                                <span class="fa fa-clock-o">  3012-12-1</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item-link item-content">
                        <div class="item-media"><img
                                src="../img/timg.jpg"
                                style='width: 4rem;'></div>
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">标题</div>
                                <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                            </div>

                            <div class="item-text">此处是文本内容...</div>
                            <div class="biaoji">
                                <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                                <span class="fa fa-user-times">  9/8</span>&nbsp
                                <span class="fa fa-clock-o">  3012-12-1</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item-link item-content">
                        <div class="item-media"><img
                                src="../img/timg.jpg"
                                style='width: 4rem;'></div>
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">标题</div>
                                <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                            </div>

                            <div class="item-text">此处是文本内容...</div>
                            <div class="biaoji">
                                <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                                <span class="fa fa-user-times">  9/8</span>&nbsp
                                <span class="fa fa-clock-o">  3012-12-1</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item-link item-content">
                        <div class="item-media"><img
                                src="../img/timg.jpg"
                                style='width: 4rem;'></div>
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">标题</div>
                                <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                            </div>

                            <div class="item-text">此处是文本内容...</div>
                            <div class="biaoji">
                                <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                                <span class="fa fa-user-times">  9/8</span>&nbsp
                                <span class="fa fa-clock-o">  3012-12-1</span>
                            </div>
                        </div>
                    </a>
                </li><li>
                <a href="#" class="item-link item-content">
                    <div class="item-media"><img
                            src="../img/timg.jpg"
                            style='width: 4rem;'></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">标题</div>
                            <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                        </div>

                        <div class="item-text">此处是文本内容...</div>
                        <div class="biaoji">
                            <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                            <span class="fa fa-user-times">  9/8</span>&nbsp
                            <span class="fa fa-clock-o">  3012-12-1</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#" class="item-link item-content">
                    <div class="item-media"><img
                            src="../img/timg.jpg"
                            style='width: 4rem;'></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">标题</div>
                            <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                        </div>

                        <div class="item-text">此处是文本内容...</div>
                        <div class="biaoji">
                            <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                            <span class="fa fa-user-times">  9/8</span>&nbsp
                            <span class="fa fa-clock-o">  3012-12-1</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#" class="item-link item-content">
                    <div class="item-media"><img
                            src="../img/timg.jpg"
                            style='width: 4rem;'></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">标题</div>
                            <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                        </div>

                        <div class="item-text">此处是文本内容...</div>
                        <div class="biaoji">
                            <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                            <span class="fa fa-user-times">  9/8</span>&nbsp
                            <span class="fa fa-clock-o">  3012-12-1</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#" class="item-link item-content">
                    <div class="item-media"><img
                            src="../img/timg.jpg"
                            style='width: 4rem;'></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">标题</div>
                            <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                        </div>

                        <div class="item-text">此处是文本内容...</div>
                        <div class="biaoji">
                            <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                            <span class="fa fa-user-times">  9/8</span>&nbsp
                            <span class="fa fa-clock-o">  3012-12-1</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#" class="item-link item-content">
                    <div class="item-media"><img
                            src="../img/timg.jpg"
                            style='width: 4rem;'></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">标题</div>
                            <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                        </div>

                        <div class="item-text">此处是文本内容...</div>
                        <div class="biaoji">
                            <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                            <span class="fa fa-user-times">  9/8</span>&nbsp
                            <span class="fa fa-clock-o">  3012-12-1</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#" class="item-link item-content">
                    <div class="item-media"><img
                            src="../img/timg.jpg"
                            style='width: 4rem;'></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">标题</div>
                            <div class=" fontb item-after" style="color: #FB7217;">$15</div>
                        </div>

                        <div class="item-text">此处是文本内容...</div>
                        <div class="biaoji">
                            <span class="fa fa-spinner fa-pulse  fa-fw"></span><span>参团中</span>&nbsp
                            <span class="fa fa-user-times">  9/8</span>&nbsp
                            <span class="fa fa-clock-o">  3012-12-1</span>
                        </div>
                    </div>
                </a>
            </li>
            </ul>
        </div>

    </div>
    <nav class="bar bar-tab footernav ">
        <a class="tab-item external active" href="index.html">
            <span class="icon icon-home"></span>
            <span class="tab-label">首页</span>
        </a>
        <a class="tab-item external" href="#">
            <span class="icon icon-search"></span>
            <span class="tab-label">搜索</span>

        </a>
        <a class="tab-item external " href="user_index.html">
            <span class="icon icon-me"></span>
            <span class="tab-label">个人中心</span>

        </a>

    </nav>
    <div id="returnTop">
        <span class="fa fa-arrow-up" aria-hidden="true"></span></br>
        <span>顶部</span>
    </div>
</div>


</body>
<script src="../myjs/index.js"></script>
<script src="../myjs/goods_list.js"></script>
</html>